/**
 * 欢迎消息组件
 */

import React from 'react';
import { WELCOME_MESSAGES } from '../constants';
import { welcomeCardStyle } from '../styles';

const WelcomeMessage: React.FC = () => {
  return (
    <div style={welcomeCardStyle}>
      <div style={{ marginBottom: '8px', fontWeight: 'bold' }}>
        {WELCOME_MESSAGES.title}
      </div>
      <div style={{ color: '#666', fontSize: '14px', lineHeight: '1.6' }}>
        {WELCOME_MESSAGES.description}
      </div>
      <div style={{ marginTop: '12px', color: '#666', fontSize: '14px' }}>
        {WELCOME_MESSAGES.footer}
      </div>
    </div>
  );
};

export default WelcomeMessage;
